diff --git a/superset-frontend/src/components/AlteredSliceTag/AlteredSliceTag.stories.tsx b/superset-frontend/src/components/AlteredSliceTag/AlteredSliceTag.stories.tsx
new file mode 100644
index 0000000000..5f34e53eb2
--- /dev/null
+++ b/superset-frontend/src/components/AlteredSliceTag/AlteredSliceTag.stories.tsx
@@ -0,0 +1,40 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import React from 'react';
+import AlteredSliceTag from '.';
+import { defaultProps } from './AlteredSliceTagMocks';
+
+export default {
+  title: 'AlteredSliceTag',
+};
+
+export const InteractiveSliceTag = (args: any) => <AlteredSliceTag {...args} />;
+
+InteractiveSliceTag.args = {
+  origFormData: defaultProps.origFormData,
+  currentFormData: defaultProps.currentFormData,
+};
+
+InteractiveSliceTag.story = {
+  parameters: {
+    knobs: {
+      disable: true,
+    },
+  },
+};
diff --git a/superset-frontend/spec/javascripts/components/AlteredSliceTag_spec.jsx b/superset-frontend/src/components/AlteredSliceTag/AlteredSliceTag.test.jsx
similarity index 99%
rename from superset-frontend/spec/javascripts/components/AlteredSliceTag_spec.jsx
rename to superset-frontend/src/components/AlteredSliceTag/AlteredSliceTag.test.jsx
index cbde50b60d..8e76501dd5 100644
--- a/superset-frontend/spec/javascripts/components/AlteredSliceTag_spec.jsx
+++ b/superset-frontend/src/components/AlteredSliceTag/AlteredSliceTag.test.jsx
@@ -31,7 +31,7 @@ import {
   expectedDiffs,
   expectedRows,
   fakePluginControls,
-} from './fixtures/AlteredSliceTag';
+} from './AlteredSliceTagMocks';
 
 const getTableWrapperFromModalBody = modalBody =>
   modalBody.find(TableView).find(TableCollection);
diff --git a/superset-frontend/spec/javascripts/components/fixtures/AlteredSliceTag.js b/superset-frontend/src/components/AlteredSliceTag/AlteredSliceTagMocks.js
similarity index 100%
rename from superset-frontend/spec/javascripts/components/fixtures/AlteredSliceTag.js
rename to superset-frontend/src/components/AlteredSliceTag/AlteredSliceTagMocks.js
diff --git a/superset-frontend/src/components/AlteredSliceTag.jsx b/superset-frontend/src/components/AlteredSliceTag/index.jsx
similarity index 98%
rename from superset-frontend/src/components/AlteredSliceTag.jsx
rename to superset-frontend/src/components/AlteredSliceTag/index.jsx
index 407eb4ecd8..df0cff50f1 100644
--- a/superset-frontend/src/components/AlteredSliceTag.jsx
+++ b/superset-frontend/src/components/AlteredSliceTag/index.jsx
@@ -23,8 +23,8 @@ import { t } from '@superset-ui/core';
 import getControlsForVizType from 'src/utils/getControlsForVizType';
 import { safeStringify } from 'src/utils/safeStringify';
 import { Tooltip } from 'src/common/components/Tooltip';
-import ModalTrigger from './ModalTrigger';
-import TableView from './TableView';
+import ModalTrigger from '../ModalTrigger';
+import TableView from '../TableView';
 
 const propTypes = {
   origFormData: PropTypes.object.isRequired,